@rem: 100rem;
.bg{
	width: 750/@rem;
	height: 1334/@rem;
	background: url(../../static/images/bg2.jpg) no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
}
h3.title{
	font-size: 34/@rem;
	color: #fff;
	background: rgba(0, 0, 0, 0.4);
	padding: 10/@rem 30/@rem;
	margin: 30/@rem 0;
}
.mockAd{
	background: rgba(0, 0, 0, 0.4);
	width: 640/@rem;
	padding: 20/@rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	div[class~=mockAdItem]{
		width: 200/@rem;
		margin-bottom: 20/@rem;
		a{
			width: 200/@rem;
			height: 280/@rem;
			display: flex;
			flex-direction: column;
		}
		h3{
			font-size: 28/@rem;
			color: #fff;
			text-align: center;
		}
		img{
			width: 100%;
			height: 250/@rem;
		}
	}
}
